<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="index.css" type="text/css" />
<script src="curvycorners.src.js" type="text/javascript"></script>
<title>Creato Index Page</title>
</head>

<body>
<div class="main_div_home">
	<p><img src="images/creato_logo.jpg" /></p>
    <p id="creatobd">www.creatobd.com</p>
    <p id="date">may 10,2012 || sunday</p>
    
    <div class="homapage_icons">
    	<ul>
        	<a href="#"><li><div id="home"></div><p>home</p></li></a>
            <a href="#"><li><div id="employee"></div><p>employee</p></li></a>
            <a href="#"><li><div id="onduty"></div><p>on duty</p></li></a>
        </ul>
        <ul>
        	<a href="#"><li><div id="attendance"></div><p>attendance</p></li></a>
            <a href="#"><li><div id="leave"></div><p>leave</p></li></a>
            <a href="#"><li><div id="notification"></div><p>notification</p></li></a>
        </ul>
        <ul>
        	<a href="#"><li><div id="blackbox"></div><p>black box</p></li></a>
            <a href="#"><li><div id="hrpolicy"></div><p>hr policy</p></li></a>
            <a href="#"><li><div id="logout"></div><p>log out</p></li></a>
        </ul>
    	
    </div><!-- end of homapage_icons-->
    
    
</div><!-- end of main_div_index-->

<div class="home_page">
	<p>last notification:</p>
    <p>date: may 24, 2012 |> no attandance will be accepted if he/she does not use the finger press.</p>
    <p>date: april 12, 2012 |> we have a holyday on next sunday</p>
</div><!-- end of home_page-->

<div class="human_portal">
  		<p>creato human resourse portal</p>
</div><!-- end of human_portal-->
</body>
</html>
